<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>系统界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- css styles -->
<link href="css/bootstrap.css" rel="stylesheet"><!--基本样式-->
<link href="css/style.css" rel="stylesheet"><!--样式-->
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/animate.delay.css" rel="stylesheet"><!--图片动画-->
<link href="css/font-awesome.min.css" rel="stylesheet" ><!--字体图标-->
<!--[if IE 7]>
<link href="css/font-awesome-ie7.min.css" rel="stylesheet">
<![endif]-->

</head>

<body>
<!-------头部------->
<div id="header-container">
	<div id="header">
		<div class="logo">恒盛管理系统 v2.0</div>
		<div class="header-right">
			<div class="header-btn">
				<ul>
					<li><a href="#"><i class="icon-group"></i> 管理员 欢迎登录！</a></li>
					<li class="dropdown notification"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#"> <i class="icon-envelope"></i> 消息 <span class="message">5</span></a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>Jack</strong>  <small class="muted"> - 19 小时前</small></a></li>
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>管理员</strong> <small class="muted"> - 2 小时前</small></a></li>
							<li><a href=""><span class="icon-user"></span> <strong>光光</strong> 有新的回复 <small class="muted"> - 2 小时前</small></a></li>
							<li class="viewmore"><a href="">查看更多信息</a></li>
						</ul>
					</li>
					<li class="dropdown userinfo"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="/page.html"> <i class="icon-cog"></i> 管理</a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-user"></span> 个人资料</a></li>
							<li><a href=""><span class="icon-cog"></span> 系统设置</a></li>
							<li><a href=""><span class="icon-group"></span> 用户管理</a></li>
							<li class="divider"></li>
							<li><a href=""><span class="icon-signout"></span> 退出系统</a></li>
						</ul>
					</li>
					<li><a href="#"><i class="icon-signout"></i> 退出</a></li>
				</ul>
			</div>
			<div class="header-path"> 
				<div class="header-full"><a class="showmenu" href="#" title="全屏"> <i class="icon-fullscreen"></i> 全屏</a></div>
				<a href="#"> <i class="icon-home"></i> 首页 </a>
				<i class=" icon-angle-right"></i>  基本样式
			</div>
		</div>
	</div>
</div><!-------头部结束------->   
<!-------内容------->   
<div id="main-container">
<div class="contentinner content-dashboard">
	<!-------左侧导航------->   
	<div id="main-sidebar" class="sidebar">
			<ul id="mainSideMenu" class="nav-side">
                <li class="accordion-group">
                    <div class="accordion-heading active"> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-desktop"></span> 基本样式 </a> </div>
                    <ul class="accordion-content nav collapse in" id="accDash">
                        <li> <a href="demo.html"> <i class="icon-caret-right"></i> 样式 1 </a> </li>
                        <li> <a href="demo2.html"> <i class="icon-caret-right"></i> 样式 2 </a> </li>
						<li class="active"> <a href="demo3.html"> <i class="icon-caret-right"></i> 样式 3 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accForms" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-list-alt"></span> 表单样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accForms">
                        <li> <a href="form.html"> <i class="icon-caret-right"></i> 表单元素 </a> </li>
                        <li> <a href="form2.html"> <i class="icon-caret-right"></i> 扩展样式</a> </li>
                        <li> <a href="form3.html"> <i class="icon-caret-right"></i> 引导样式</a> </li>
                    </ul>
                </li>
               <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accComponents" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-cogs"></span> 组件样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accComponents">
                        <li> <a href="media.html"> <i class="icon-caret-right"></i> 通知样式 </a> </li>
                        <li> <a href="media2.html"> <i class="icon-caret-right"></i> 按钮样式 </a> </li>
                        <li> <a href="media3.html"> <i class="icon-caret-right"></i> 结构样式 </a> </li>
                        <li> <a href="media4.html"> <i class="icon-caret-right"></i> 图片样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accTables" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-table"></span> 表格样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accTables">
                        <li> <a href="table.html"> <i class="icon-caret-right"></i> 基础表格 </a> </li>
                        <li> <a href="table2.html"> <i class="icon-caret-right"></i> 数据表格 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accStatistics" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-signal"></span> 统计样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accStatistics">
                        <li> <a href="chart.html"> <i class="icon-caret-right"></i> 图表样式 </a> </li>
                        <li> <a href="chart2.html"> <i class="icon-caret-right"></i> 趋势图 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accWidgets" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon  icon-text-width"></span> 文字样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accWidgets">
                        <li> <a href="text.html"> <i class="icon-caret-right"></i> 文字样式 </a> </li>
                        <li> <a href="text2.html"> <i class="icon-caret-right"></i> 列表样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accButtons" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-tasks"></span> 元素样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accButtons">
                        <li> <a href="ui.html"> <i class="icon-caret-right"></i> 按钮样式 </a> </li>
                        <li> <a href="ui2.html"> <i class="icon-caret-right"></i> 字体图标 </a> </li>
                        <li> <a href="ui3.html"> <i class="icon-caret-right"></i> 切换标签 </a> </li>
                        <li> <a href="ui4.html"> <i class="icon-caret-right"></i> 弹出层 </a> </li>
                        <li> <a href="ui5.html"> <i class="icon-caret-right"></i> 进度条 </a> </li>
                    </ul>
                </li>
            </ul>
		</div><!-------左侧导航结束------->       
	<!-------右侧内容------->   
	<div class="main-content container-fluid">
			<div class="contentinner content-bootstrap">
            	<div class="row-fluid">
                    <div class="span6">
                        <h4 class="widgettitle">下拉菜单 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                            <ul class="dropdown-menu" style="display: block; position: inherit; top: 0; left: 10px; float: none; width: 180px;">
                                <li><a tabindex="-1" href="#">下拉菜单1</a></li>
                                <li><a tabindex="-1" href="#">下拉菜单2</a></li>
                                <li><a tabindex="-1" href="#">下拉菜单3</a></li>
                                <li class="divider"></li>
                                <li><a tabindex="-1" href="#">下拉菜单4</a></li>
                            </ul>
                            <div class="widgetsource">
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot; aria-labelledby=&quot;dropdownMenu&quot;&gt;
       &lt;li&gt;&lt;a tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
       ...
       &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
       ...
&lt;/ul&gt;</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">基本标签 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<ul class="nav nav-tabs">
                              <li class="active"><a href="#">标签1</a></li>
                              <li><a href="#">标签2</a></li>
                              <li><a href="#">标签3</a></li>
                            </ul>
                        <div class="widgetsource">
                            	<div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;ul class=&quot;nav nav-tabs&quot;&gt;
   &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href=&quot;#&quot;&gt;...&lt;/a&gt;&lt;/li&gt;
   ...
&lt;/ul&gt;</pre>
                            </div>
                            <!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">基本标签2 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<ul class="nav nav-pills">
                              <li class="active"><a href="#">标签1</a></li>
                              <li><a href="#">标签2</a></li>
                              <li><a href="#">标签3</a></li>
                            </ul>
                          <div class="widgetsource">
                            	<div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;ul class=&quot;nav nav-pills&quot;&gt;
   ...
&lt;/ul&gt;</pre>
                            </div>
                            <!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">纵向标签 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent navsample">
                        	<ul class="nav nav-tabs nav-stacked">
                              <li class="active"><a href="#">标签1</a></li>
                              <li><a href="#">标签2</a></li>
                              <li><a href="#">标签3</a></li>
                            </ul>
                          <div class="widgetsource">
                            	<div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;ul class=&quot;nav nav-tabs nav-stacked&quot;&gt;
   ...
&lt;/ul&gt;</pre>
                          </div>
                            <!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">纵向标签2 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent navsample">
                        	<ul class="nav nav-pills nav-stacked">
                              <li class="active"><a href="#">标签1</a></li>
                              <li><a href="#">标签2</a></li>
                              <li><a href="#">标签3</a></li>
                            </ul>
                          <div class="widgetsource">
                            	<div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;ul class=&quot;nav nav-pills nav-stacked&quot;&gt;
   ...
&lt;/ul&gt;</pre>
                          </div>
                            <!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">切换标签 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                       		<div class="tabbable tabs-below">
                          		<div class="tab-content">
                            		<div id="A" class="tab-pane active">
                              			<p>标签内容 A.</p>
                            		</div>
                            		<div id="B" class="tab-pane">
                              			<p>标签内容 B.</p>
                            		</div>
                            		<div id="C" class="tab-pane">
                              			<p>标签内容 C.</p>
                            		</div>
                          		</div>
                          		<ul class="nav nav-tabs">
                            		<li class="active"><a data-toggle="tab" href="#A">标签 1</a></li>
                            		<li class=""><a data-toggle="tab" href="#B">标签 2</a></li>
                            		<li class=""><a data-toggle="tab" href="#C">标签 3</a></li>
                          		</ul>
                        	</div><!--tabbable-->
                            
                            <div class="divider15"></div>
                            
                            <div class="tabbable tabs-right">
                            	<ul class="nav nav-tabs">
                                	<li class="active"><a data-toggle="tab" href="#rA">标签 1</a></li>
                                	<li><a data-toggle="tab" href="#rB">标签 2</a></li>
                                	<li><a data-toggle="tab" href="#rC">标签 3</a></li>
                              	</ul>
                              	<div class="tab-content">
                                	<div id="rA" class="tab-pane active">
                                  		<p>标签内容 A.</p>
                                	</div>
                                	<div id="rB" class="tab-pane">
                                  		<p>标签内容 B.</p>
                                	</div>
                                	<div id="rC" class="tab-pane">
                                  		<p>标签内容 C.</p>
                                	</div>
                              </div><!--tab-content-->
                            </div><!--tabbable tabs-right-->
                            
                            <div class="divider15"></div>
                            
                            <div class="tabbable tabs-left">
                            	<ul class="nav nav-tabs">
                                	<li class="active"><a data-toggle="tab" href="#lA">标签 1</a></li>
                                	<li><a data-toggle="tab" href="#lB">标签 2</a></li>
                                	<li><a data-toggle="tab" href="#lC">标签 3</a></li>
                              	</ul>
                              	<div class="tab-content">
                                	<div id="lA" class="tab-pane active">
                                  		<p>标签内容 A.</p>
                                	</div>
                                	<div id="lB" class="tab-pane">
                                  		<p>标签内容 B.</p>
                                	</div>
                                	<div id="lC" class="tab-pane">
                                  		<p>标签内容 C.</p>
                                	</div>
                              	</div><!--tab-content-->
                            </div><!--tabbable tabs-left-->
                            
                            <div class="widgetsource">
                           	  <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;tabbable tabs-below&quot;&gt;&lt;!--remove tabs-below for top--&gt;
  &lt;div class=&quot;tab-content&quot;&gt;
    &lt;div id=&quot;A&quot; class=&quot;tab-pane&quot;&gt; ... &lt;/div&gt;
    ...<br>  &lt;/div&gt;
  &lt;ul class=&quot;nav nav-tabs&quot;&gt;
    &lt;li class=&quot;&quot;&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#A&quot;&gt;Section 1&lt;/a&gt;&lt;/li&gt;
    ...
  &lt;/ul&gt;<br>&lt;/div&gt;</pre>
							  <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;tabbable tabs-right&quot;&gt;&lt;!-- change tabs-left for left--&gt;
  &lt;ul class=&quot;nav nav-tabs&quot;&gt;
    &lt;li class=&quot;&quot;&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#A&quot;&gt;Section 1&lt;/a&gt;&lt;/li&gt;
    ...
  &lt;/ul&gt;
  &lt;div class=&quot;tab-content&quot;&gt;
    &lt;div id=&quot;A&quot; class=&quot;tab-pane&quot;&gt; ... &lt;/div&gt;
    ...<br>  &lt;/div&gt;<br>&lt;/div&gt;</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle nomargin">分页 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<div class="pagination">
                              <ul>
                                <li class="disabled"><a>上一页</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">下一页</a></li>
                              </ul>
                            </div><!--pagination-->
                            
                            <div class="pagination pagination-large">
                              <ul>
                                <li class="disabled"><a>&laquo;</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">&raquo;</a></li>
                              </ul>
                            </div><!--pagination-->
                            
                            <div class="pagination pagination-mini">
                              <ul>
                                <li class="disabled"><a>上一页</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">下一页</a></li>
                              </ul>
                            </div><!--pagination-->
                            
                            <div class="pagination pagination-centered">
                              <ul>
                                <li class="disabled"><a>上一页</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">下一页</a></li>
                              </ul>
                            </div><!--pagination-->
                            
                            <div class="pagination pagination-right">
                              <ul>
                                <li class="disabled"><a>上一页</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">下一页</a></li>
                              </ul>
                            </div><!--pagination-->
                            
                            <div class="widgetsource">
                            	<pre class="prettyprint linenums">&lt;div class=&quot;pagination&quot;&gt;
  &lt;ul&gt;
    &lt;li class=&quot;disabled&quot;&gt;&lt;a&gt;Previous&lt;/a&gt;&lt;/li&gt;<br>    &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;2&lt;/a&gt;&lt;/li&gt;
    ...
  &lt;/ul&gt;
&lt;/div&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">&lt;div class=&quot;pagination pagination-large&quot;&gt;
  &lt;ul&gt; ... &lt;/ul&gt;
&lt;/div&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">&lt;div class=&quot;pagination pagination-mini&quot;&gt;
  &lt;ul&gt; ... &lt;/ul&gt;
&lt;/div&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">&lt;div class=&quot;pagination pagination-centered&quot;&gt;
  &lt;ul&gt; ... &lt;/ul&gt;
&lt;/div&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">&lt;div class=&quot;pagination pagination-right&quot;&gt;
  &lt;ul&gt; ... &lt;/ul&gt;
&lt;/div&gt;</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle nomargin">进度条 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent bordered">
                        	
                            <div class="progress">
                              <div style="width: 60%;" class="bar"></div>
                            </div><!--progress-->
                            
                            <div class="progress progress-striped">
                              <div style="width: 20%;" class="bar"></div>
                            </div><!--progress-->
                            
                            <div class="progress progress-striped active">
                              <div style="width: 45%" class="bar"></div>
                            </div><!--progress-->
                            
                            <div class="progress progress-info">
                              <div style="width: 20%" class="bar"></div>
                            </div><!--progress-->
                            
                            <div class="progress progress-success">
                              <div style="width: 40%" class="bar"></div>
                            </div><!--progress-->
                            
                            <div class="progress progress-warning progress-striped">
                              <div style="width: 60%" class="bar"></div>
                            </div><!--progress-->
                            
                            <div class="progress progress-danger progress-striped active">
                              <div style="width: 80%" class="bar"></div>
                            </div><!--progress-->
                            
                            <div class="widgetsource">
                            	<pre class="prettyprint linenums">&lt;div class=&quot;progress&quot;&gt;
  &lt;div style=&quot;width: 60%;&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;
&lt;/div&gt;</pre>
								<div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;progress progress-striped&quot;&gt;</pre>
                                
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;progress progress-striped active&quot;&gt;</pre>
                                
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;progress progress-info&quot;&gt;</pre>
                                
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;progress progress-success&quot;&gt;</pre>
                                
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;progress progress-warning progress-striped&quot;&gt;</pre>
                                
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div class=&quot;progress progress-danger progress-striped active&quot;&gt;</pre>
                                
                            </div><!--widgetsource-->
							
                        </div><!--widgetcontent-->
                         
						 <h4 class="widgettitle">提示</h4>
                        <div class="widgetcontent">
                        	<ul class="tooltipsample">
                              <li><a data-placement="top" data-rel="tooltip" href="" data-original-title="提示内容" class="btn">提示1</a></li>
                              <li><a data-placement="top" data-rel="tooltip" href="" data-original-title="提示内容" class="btn">提示2</a></li>
                              <li><a data-placement="top" data-rel="tooltip" href="" data-original-title="提示内容" class="btn">提示3</a></li>
                              <li><a data-placement="top" data-rel="tooltip" href="" data-original-title="提示内容" class="btn">提示4</a></li>
                            </ul>
                        </div><!--widgetcontent-->  
						
						<h4 class="widgettitle">弹出窗口 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<a class="btn btn-danger btn-rounded" href="#myModal" data-toggle="modal">点击弹出</a>
                            <div class="widgetsource">
                            	<div class="divider15"></div>
                            	<pre class="prettyprint linenums">&lt;a href=&quot;#myModal&quot; data-toggle=&quot;modal&quot;&gt;Launch demo modal&lt;/a&gt;</pre>
                              <div class="divider15"></div>
                              <div role="presentation"></div>
                                <pre class="prettyprint linenums">&lt;div id=&quot;myModal&quot; class=&quot;modal&quot;&gt;
   &lt;div class=&quot;modal-header&quot;&gt;
      &lt;button aria-hidden=&quot;true&quot; data-dismiss=&quot;modal&quot; class=&quot;close&quot;&gt;×&lt;/button&gt;
      &lt;h3&gt;Modal header&lt;/h3&gt;
   &lt;/div&gt;
   &lt;div class=&quot;modal-body&quot;&gt;
      ...
   &lt;/div&gt;
   &lt;div class=&quot;modal-footer&quot;&gt;
      &lt;a class=&quot;btn&quot; href=&quot;#&quot;&gt;Close&lt;/a&gt;
      &lt;a class=&quot;btn btn-primary&quot; href=&quot;#&quot;&gt;Save changes&lt;/a&gt;
   &lt;/div&gt;
&lt;/div&gt;</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
						    
                    </div><!--span6-->
                    
                    <div class="span6">
                        
                        <h4 class="widgettitle">下拉按钮</h4>
                        <div class="widgetcontent">
                        	<table class="table table-bordered table-buttonlist">
                            	<tbody>
                                	<tr>
                                        <td>
                                            <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn dropdown-toggle">按钮 <span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn"</pre></td>
                                    </tr>
                                	<tr>
                                        <td>
                                            <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">按钮 <span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn btn-primary"</pre></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-danger dropdown-toggle">按钮 <span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn btn-danger"</pre></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-warning dropdown-toggle">按钮 <span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn btn-warning"</pre></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-success dropdown-toggle">按钮 <span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn btn-success"</pre></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-info dropdown-toggle">按钮 <span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn btn-info"</pre></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">按钮 <span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn btn-inverse"</pre></td>
                                    </tr>
                                    <tr>
                                        <td>
                                           <div class="btn-group">
                                            <button class="btn">按钮</button>
                                            <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
                                            <ul class="dropdown-menu">
                                              <li><a href="#">下拉菜单1</a></li>
                                              <li><a href="#">下拉菜单2</a></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                              <li class="divider"></li>
                                              <li><a href="#">下拉菜单3</a></li>
                                            </ul>
                                          </div>
                                        </td>
                                        <td><pre class="prettyprint">class="btn"</pre></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">菜单列表 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<ul class="nav nav-list nav-border">
                                <li class="nav-header">菜单标题1</li>
                                <li class="active"><a href="#">菜单1</a></li>
                                <li><a href="#">菜单2</a></li>
                                <li><a href="#">菜单3</a></li>
                                <li class="nav-header">菜单标题2</li>
                                <li><a href="#">菜单1</a></li>
                                <li><a href="#">菜单2</a></li>
                                <li class="divider"></li>
                                <li><a href="#">菜单3</a></li>
                            </ul>
                            <div class="widgetsource">
                                    <div class="divider15"></div>
                                    <pre class="prettyprint linenums">&lt;ul class=&quot;nav nav-list&quot;&gt;
   &lt;li class=&quot;nav-header&quot;&gt;List Header&lt;/li&gt;
   &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
   ...
&lt;/ul&gt;</pre>
                            </div>
                            <!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">基本导航栏 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<div class="navbar">
                              <div class="navbar-inner">
                                <a href="#" class="brand">标题</a>
                                <ul class="nav">
                                  <li class="active"><a href="#">首页</a></li>
                                  <li><a href="#">链接</a></li>
                                  <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单 <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                      <li><a href="#">下拉菜单1</a></li>
                                      <li><a href="#">下拉菜单2</a></li>
                                      <li><a href="#">下拉菜单3</a></li>
                                      <li class="divider"></li>
                                      <li><a href="#">下拉菜单4</a></li>
                                    </ul>
                                  </li>
                                </ul>
                              </div><!--navbar-inner-->
                            </div><!--navbar-->
                            
							<div class="navbar navbar-inverse">
                              <div class="navbar-inner">
                                <a href="#" class="brand">标题</a>
                                <ul class="nav">
                                  <li class="active"><a href="#">首页</a></li>
                                  <li><a href="#">链接</a></li>
                                  <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单 <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                      <li><a href="#">下拉菜单1</a></li>
                                      <li><a href="#">下拉菜单2</a></li>
                                      <li><a href="#">下拉菜单3</a></li>
                                      <li class="divider"></li>
                                      <li><a href="#">下拉菜单4</a></li>
                                    </ul>
                                  </li>
                                </ul>
                              </div><!--navbar-inner-->
                            </div><!--navbar-->
							                            
                            <div class="navbar">
                          		<div class="navbar-inner">
                            		<form class="navbar-search pull-left">
                                    	<input type="text" class="search-query" placeholder="搜索">
                                    </form>
                          		</div><!--navbar-inner-->
                        	</div><!--navbar-->
                            
                            <div class="navbar">
                          		<div class="navbar-inner">
                            		<form class="navbar-form pull-right">
                              			<input type="text" class="span2">
                              			<button class="btn btn-primary btn-rounded" type="submit">按钮</button>
                            		</form>
                          		</div><!--navbar-inner-->
                        	</div><!--navbar-->
                            
                            <div class="widgetsource">
                            	<pre class="prettyprint linenums">&lt;div class=&quot;navbar&quot;&gt;
  &lt;div class=&quot;navbar-inner&quot;&gt;
    &lt;a href=&quot;#&quot; class=&quot;brand&quot;&gt;Title&lt;/a&gt;
    &lt;ul class=&quot;nav&quot;&gt;
      &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;dropdown&quot;&gt; ... &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
&lt;/div&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">&lt;div class=&quot;navbar&quot;&gt;
  &lt;div class=&quot;navbar-inner&quot;&gt;
    &lt;form class=&quot;navbar-search pull-left&quot;&gt;
      &lt;input type=&quot;text&quot; class=&quot;search-query&quot;&gt;
    &lt;/form&gt;
  &lt;/div&gt;
&lt;/div&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">&lt;form class=&quot;navbar-form pull-right&quot;&gt;
  &lt;input type=&quot;text&quot; class=&quot;span2&quot;&gt;
  &lt;button class=&quot;btn&quot; type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
&lt;/form&gt;</pre>
                            
                            </div><!--widgetsource-->
                        </div><!--widgetcontent--> 
                
                		<h4 class="widgettitle">标签</h4>
                        <div class="widgetcontent">
                        	<table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th>Labels</th>
                                    <th>Markup</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>
                                      <span class="label">Default</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="label"&gt;Default&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <span class="label label-success">Success</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="label label-success"&gt;Success&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <span class="label label-warning">Warning</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="label label-warning"&gt;Warning&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <span class="label label-important">Important</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="label label-important"&gt;Important&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <span class="label label-info">Info</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="label label-info"&gt;Info&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <span class="label label-inverse">Inverse</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="label label-inverse"&gt;Inverse&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">排序</h4>
                        <div class="widgetcontent">
                        	<table class="table table-bordered table-striped">
                                <thead>
                                  <tr>
                                    <th>Name</th>
                                    <th>Example</th>
                                    <th>Markup</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>
                                      Default
                                    </td>
                                    <td>
                                      <span class="badge">1</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="badge"&gt;1&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      Success
                                    </td>
                                    <td>
                                      <span class="badge badge-success">2</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="badge badge-success"&gt;2&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      Warning
                                    </td>
                                    <td>
                                      <span class="badge badge-warning">4</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="badge badge-warning"&gt;4&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      Important
                                    </td>
                                    <td>
                                      <span class="badge badge-important">6</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="badge badge-important"&gt;6&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      Info
                                    </td>
                                    <td>
                                      <span class="badge badge-info">8</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="badge badge-info"&gt;8&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      Inverse
                                    </td>
                                    <td>
                                      <span class="badge badge-inverse">10</span>
                                    </td>
                                    <td>
                                      <code>&lt;span class="badge badge-inverse"&gt;10&lt;/span&gt;</code>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                        </div><!--widgetcontent-->
						         
                    </div><!--span6-->
                </div><!--row-fluid-->
                
            </div><!--contentinner-->
	</div><!-------右侧内容结束------->    
</div>      
</div><!-------内容结束-------> 
<!-------底部------->    
<div class="footer">
	<div class="footerleft">恒盛管理系统 v2.0</div>
	<div class="footerright">&copy; Ish365.com - <a href="#">关注微博</a> - <a href="#">关注微信</a></div>
</div><!--底部结束-->    
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/prettify.js"></script> 
<script src="js/custom.js"></script> <!--渐显/图片动画/提示/j警示等数据存储-->
<script src="js/jquery-migrate-1.1.1.min.js"></script>
<script src="js/jquery-ui-1.9.2.min.js"></script>
<script src="js/bootstrap.js"></script> 
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<script src="js/colorpicker.js"></script><!--颜色选择-->
<script src="js/slider.js"></script><!--滑块-->
<script src="js/jquery.jgrowl.js"></script><!--提示层-->
<script src="js/jquery.alerts.js"></script><!--警示框-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.tagsinput.min.js"></script>
<script src="js/charCount.js"></script>
<script src="js/chosen.jquery.min.js"></script><!--select模拟-->
<script src="js/forms.js"></script><!--form数据-->
<script src="js/bootstrap-timepicker.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.autogrow-textarea.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/media.js"></script><!--图片-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script><!--数据表格-->

<!--弹出框-->
<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade in" id="myModal">
	<div class="modal-header">
	  <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
	  <h3 id="myModalLabel">弹出框标题</h3>
	</div>
	<div class="modal-body">
	  <p>柯震东晒全家福哥哥首出镜 全家都是明星脸柯震东晒全家福哥哥首出镜 全家都是明星脸柯震东晒全家福哥哥首出镜 全家都是明星脸.</p>
	  <p>昨天，该店铺职员曝光二人合照，照片中穿上皮褛及戴黑超柏芝大摆造型。不过，其食指戴鸽子蛋，举止很怪异。.</p>
	</div>
	<div class="modal-footer">
	  <button data-dismiss="modal" class="btn btn-rounded">关闭</button>
	  <button class="btn btn-primary btn-rounded">保存</button>
	</div>
</div><!--#myModal-->

<script type="text/javascript"><!--提示-->
jQuery(document).ready(function(){
								
	//Replaces data-rel attribute to rel.
	//We use data-rel because of w3c validation issue
	jQuery('a[data-rel]').each(function() {
		jQuery(this).attr('rel', jQuery(this).data('rel'));
	});
});
</script>  
</body>
</html>
